<template>
  <div class="container">
    <div>
      <div class="content1">
        <teacherAdd></teacherAdd>
      </div>
      <div class="content2">
        <br />
        <teacherContent ref="child"></teacherContent>
        <br />
      </div>
    </div>
  </div>
</template>

<script>
import teacherContent from "./subComponents/teacherContent.vue";
import teacherAdd from "./subComponents/teacherAdd.vue";
export default {
  inject: ["reload"],
  name: "checkClass",
  components: { teacherContent, teacherAdd },
  methods: {
    refreshS() {
      this.$refs.child.refresh();
    },
  },
};
</script>

<style lang="less" scoped>
* {
  margin: 0;
  padding: 0;
}
.containter {
  float: left;
  height: 100%;
  width: 100%;
}
.content1 {
  margin-left: 5px;
  margin-top: 43px;
  height: 100%;
  width: 100%;
}
.content2 {
  float: left;
  margin-top: 20px;
  margin-left: 5px;
  height: 100%;
  width: 100%;
}
</style>
